8 Gorgeous Thumbnail Image Gallery Examples
1. ImagePress
ImagePress is a multi-purpose fully-featured and WordPress-integrated image gallery plugin.image information stored in WordPress database;
allows image moderation or direct publishing;
allows image sorting by category, date, title, ID, random, both ASC and DESC;
option to choose maximum width for thumbnails (create nicer looking thumbnail rows and cols, masonry-enhanced);
customizable image upload size;
Use the shortcode tag [imagepress-random] in any post or page to display a random image.Use the shortcode tag [imagepress-random category="landscapes"] in any post or page to display a random image in a specific category.
2. WOW Slider
WOW Slider is a fantastic responsive image slider with
killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.
Also, you can share your slider on Facebook.
The standalone gallery has a 5 star rating.Nova Gallery WP makes it easy to embed the Nova Gallery – Responsive HTML5 Multimedia Gallery, in your Wordpress theme. It is a HTML5 multimedia gallery enabling you to showcase your photos/audio/video in a beautiful and sleek interface. You have the option of presenting your items in two different modes, which are a Thumbnail Grid and Full-width view, and you also have the option of switching between the two modes. You can have multiple sets/albums of items and can filter the gallery items based on file type or based on custom categories. The gallery allows you to showcase your Youtube/Vimeo videos and Flickr/Picasa photos from groups/sets/albums/collections. The gallery features a fluid responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. The gallery also features touch-screen support and uses hardware accelerated CSS based animations wherever possible which results in smooth animations, that is especially noticeable in mobile devices. Try the gallery demos and resize your browser to see the responsive design of the gallery in action. Two display modes – Thumbnail Grid & Full-width. The Thumbnail Grid mode features a Masonry layout and you can control the spacing between items by applying margins through css,
This slideshow stops whenever the browser tab in which the gallery is displayed, goes out of focus (this feature only works in browsers that supports the HTML5 Page Visibility Api). Supports multiple gallery sets or albums. The gallery features a fluid responsive design to account for various screens sizes ranging from mobile phones to desktop browsers and can also be placed in a container of any width. The gallery is mobile device friendly with touch screen support. Handy keyboard shortcuts have been provided for easier navigation of the gallery. The gallery items can also act as links to external pages
Create multiple galleries and manage them with the Gallery Manager. Can host media files in services like Amazon AWS and then insert those file links in the gallery settings page. The plugin allows you to upload media files through the WP Media Library, so you can use your previously uploaded files in the gallery too. Thumbnails for the gallery are generated automatically if you choose to, or you can upload your own thumbnails. Drag to sort gallery item order. Also shortcode for each gallery created, is visible in the Gallery Manager. Can mention a thumbnail image gallery for the gallery sets. By default the thumbnail for the first item in the set is used to represent the set. Autoplay audio and video when Lightbox opens in Thumbnail Grid mode.e Thumbnail Grid or Full-width, which will be shown when the gallery first loads. Option to show a particular category of items when the gallery first loads. Shrink images in Full-width mode to fit the container when the gallery first loads. Choose to show the thumbnails in Full-width mode when the gallery first loads. Choose the animated effect for the items in Thumbnail Grid mode when it first shows. Choose the animated effect for showing item captions/descriptions in Thumbnail Grid mode. Choose the animated effect for showing/hiding the Gallery Sets screen (home screen). Show the gallery either spanning the entire width of the browser or the width of its parent container. The gallery items can also act as links to external pages. You have the option to shuffle or randomly order the gallery items each time the page is refreshed. The gallery supports preloading of images in Full-width mode for smoother viewing. You can start the slideshow in Full-width mode when the gallery first loads. Option to set the path for the gallery configuration XML file. Option to hide the Gallery Menu
Option hide any of the available view modes – Thumbnail Grid or Fullwidth. The PHP gallery script has been tested and is fully compatible with jQuery 1.Fixed a bug in the thumbnail grid layout when margins were set on the items. Improved the closing/opening of the gallery menu in touch-screen devices. Fixed a bug where the inclusion of images in the item captions interfered with the thumbnail grid layout.Fixed problem with positioning of the gallery overlay/lightbox when there were other content in the page along with the gallery. The gallery now is fully compatible with jquery 1.Fixed a bug regarding the displaying of gallery set names.
The jQuery Google+/Picasa free HTML gallery allows you to show all your Google+/Picasa albums (images) on your website.No need for PHP unless internal image scaler is utilized; an external (web based) image scaling service is utilized by default
While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added 2nd Cloud based Image Scaling Service to create Thumbnails
Added option to disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)
Added option to show album name either above or below thumbnail
Features include choosing thumbnail image and size, autoplay, click, load and error event handlers, easy styling and chainability. It only takes a minute to drop in the code and with a single line of jQuery javascript – your website has a video gallery!
PHP Thumbnail Grid With Expanding Preview is a leightweight, easy to use gallery
script inspired by google image search ipad with support for .GIF image
It generates thumbnails for faster loading times and uses a thumbnail grid with expanding preview for displaying
Creative Gallery – A must have WordPress Image Gallery is a first of its kind of image gallery, built using jQuery and CSS3.A Very Creative and unique style of gallery.Add any number of albums (boxes) in the gallery and images (icons) in the album.Redirect to a particular Website URL or POP UP a large image on click of icons.Manage spacing among album boxes in the gallery.
You can use it to show the recent posts from your blog or a gallery from your vacation.CSS3 technology - this gallery uses cutting-edge css3 definitions to render awesome 3D effects in supporting browsers, the others will degrade gracefully
iPhone / iPad optimized – this gallery has been optimized for Apple touch devices
[ADD] You can have multiple images on a project now ( if the item is of type image and has a “item gallery” attached )
[add] new Features for ZoomBox lightbox like gallery, zoom on photo
[fix] accordion style inside gallery fix – now works on the Item Gallery tab
[add] new Portfolio Item type – gallery
[tweak] now thumbnails resemble the whole image
tweaked big image to use the native wordpress media uploader
added gallery mode to posts on skins accordion and clean – as shown in the preview
added Overwrite Item Link with Big Image field in each portfolio item meta
fixed do not open Big Image in lightbox field
added support for thumbnail image gallery in the big image field
added support for not opening the image link in a light box
When a user click on an image it zoom out.Is it possible to place a link to the image? We would like to navigate the user to the page of the course by clilcking on the image.Yes, it’s possible to not use lightbox zoom in on the featured image. You have 2 parts of the Portfolio Item, and you can link them to whatever, a JavaScript lightbox image gallery zoom in, a custom link ( that you choose ), the portfolio item link or nothing at all.Nice plugin – I’m wondering is it possible to link the thumbnail to an existing gallery using a link. Rather than clicking on the thumbnail to get a bigger image ?
Set any link inside the Big Image and set Open Big Image in Lightbox to OFF
The carousel is 100% skinable via CSS and the icons are simply image, you can just go ahead and replace them, position again is part of css so easily changeable.Another question please, how i can fix the gallery at the center of my page? it’s always in the left.You just write the link to the video in the Big Image field ( ie https://vimeo.free updates – even if the value of this gallery increases with upcoming updates, you will get them for free
Ultimate Grid Responsive Gallery
This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. The filter navigation bar is generated automatically from the categories you specify to each thumbnail
You can link to another page when you click in a thumbnail